var vm = new Vue({
    el:"#app",
    data:{
        loginUserInfo:{}
    },
    methods:{
        /**
         * 初始化bootstrapTable
         */
        initTable:function(){
            var _this = this;
            $('#tbSysUserLoginLog').bootstrapTable($.extend(bootstrapTableOption,{
                url: g_comm.manager_url+'/sysLog/login/log',           //请求后台的URL（*）
                queryParams: _this.queryParams,               //传递参数（*）
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                columns: [{
                    checkbox: true
                }, {
                    field: 'createTime',
                    title: '登录时间',
                    formatter:function(value,row,index){
                        return new Date(value).toString("yyyy-MM-dd HH:mm:ss");
                    }
                }, {
                    field: 'clientIp',
                    title: '登录IP'
                }, {
                    field: 'clientOperationSystem',
                    title: '操作系统'
                }, {
                    field: 'clientBrowser',
                    title: '游览器'
                }
                ]
            }));
        },
        //获取当前登录用户信息
        getUser: function(){
            $.ajax({
                url: g_comm.manager_url + "/sys/getLoginUserInfo",
                success:function(result){
                    if(result.code == 0){
                        vm.loginUserInfo = result.data;
                        //填充数据
                        loadData(vm.loginUserInfo,"form-info");
                    }else{
                        layer.alert(result.msg,{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                }
            });
        },
        /**
         * 删除
         */
        del:function(){
            //获取选中的行
            var selectRows = $('#tbSysUserLoginLog').bootstrapTable('getSelections');
            if(selectRows.length==0){
                layer.alert('请选择要删除的数据!',{
                    title: '提示框',
                    icon:0
                });
                return;
            }
            var ids = "";
            $(selectRows).each(function (index, obj) {
                ids+=obj.id+",";
            });
            ids=ids.substring(0,ids.length-1);
            parent.layer.confirm("你确定是要删除吗！", {btn: ['确定','取消']},
                function(){//确定事件
                    //关闭confirm Dialog
                    parent.layer.closeAll('dialog');
                    $.ajax({
                        url: g_comm.manager_url+"/sysLog/delete",
                        data: {ids:ids},
                        success: function(r){
                            if(r.code == 0){
                                layer.msg('删除成功！', {icon: 1});
                                //重新刷新数据
                                $('#tbSysUserLoginLog').bootstrapTable('refresh');
                            }else{
                                layer.alert(r.msg,{
                                    title: '提示框',
                                    icon:0
                                });
                            }
                        }
                    });
                });
        },

        /**
         * 查询参数
         * @param params
         */
        queryParams:function (params) {
            return {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                limit: params.limit,   //页面大小
                offset: params.offset  //页码
            };
        },
        /**
         * 初始化控件
         */
        initControl:function(){
            $("#change_Pass").hide();
            $('.add-radio').hide();
            $("#btnSave").hide();//隐藏保存按钮
            $("#btnCancel").hide();//隐藏取消按钮
        },

        /**
         * 修改用户信息
         */
        modify:function(){
            $('.form-disabled').attr("disabled", false);
            $("#btnSave").show();//显示保存按钮
            $("#btnCancel").show();//显示取消按钮
            $("#btnModify").hide();//隐藏修改按钮
        },

        /**
         * 取消修改
         */
        cancel:function(){
            $('.form-disabled').attr("disabled", true);
            $("#btnSave").hide();//显示保存按钮
            $("#btnCancel").hide();//显示取消按钮
            $("#btnModify").show();//隐藏修改按钮
        },

        /**
         * 保存信息
         */
        save:function(){
            $.ajax({
                data:$("#form-info").serialize(),
                url:g_comm.manager_url+'/sysUser/updateUserInfo',
                success:function(result){
                    //保存成功
                    if(result.code == 0){
                        $('.form-disabled').attr("disabled", true);
                        $("#btnSave").hide();//隐藏保存按钮
                        $("#btnCancel").hide();//隐藏取消按钮
                        $("#btnModify").show();//显示修改按钮
                        vm.getUser();
                    }else{
                        layer.alert(result.msg,{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                }
            })
        },
        /**
         * 修改密码
         */
        changePassword:function(){
            layer.open({
                type: 1,
                title:'修改密码',
                area: ['420px', '295px'], //宽高
                content: $layui('#change_Pass'),//不能用jquery的$,要不然会出现关闭后不隐藏的问题，要用$layui
                btn:['确认修改'],
                yes:function(index, layero){
                    if ($("input[name='nowPassword']").val()==""){
                        layer.alert('原密码不能为空!',{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                    if ($("input[name='newPassword']").val()==""){
                        layer.alert('新密码不能为空!',{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                    if ($("input[name='confirmPwd']").val()==""){
                        layer.alert('确认新密码不能为空!',{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                    if($("input[name='confirmPwd']").val() != $("input[name='newPassword']").val()){
                        layer.alert('密码不一致!',{
                            title: '提示框',
                            icon:0
                        });
                        return false;
                    }
                    var params='';
                    $("#change_Pass input").each(function(){
                        params+=$(this).serialize()+"&";
                    });
                    $.ajax({
                        data:params,
                        url:g_comm.manager_url+'/sysUser/updatePwd',
                        success:function(result){
                            if(result.code == 0){
                                layer.alert("修改成功",{
                                    title: '提示框',
                                    icon:1
                                });
                                layer.close(index);
                                $("input[name='confirmPwd']").val("");
                                $("input[name='newPassword']").val("");
                                $("input[name='nowPassword']").val("");
                            }else{
                                layer.alert(result.msg,{
                                    title: '提示框',
                                    icon:0
                                });
                                return false;
                            }
                        }
                    })
                }
            });
        }
    },
    mounted:function () {
        this.initTable();
        this.getUser();
        this.initControl();
    }
});